/* #facilities-page .facilities-sec {
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
} */


#facilities-page .mathematic-lab-sec{
    background-color: #f0f1f1;
}#facilities-page  .smartcls-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .library-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .science-lab-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .mathematic-lab-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .computerlab-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .smartcls-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .kindergarten-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page  .sports-sec{
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
}
#facilities-page h3 {
    text-align: center;
    position: relative;
    z-index: 3;
    top: -180px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

#facilities-page h3::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 5%;
    background-color: #e92e28;
    left: 0;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%);
}

#facilities-page .smartcls-sec {
    /* background-color: green; */
}

#facilities-page .library-sec {
    background-color: #f0f1f1;
}

#facilities-page .playway-sec {
    /* background-color: blue; */
}

#facilities-page .laboratory-sec {
    background-color: #f0f1f1;
}

#facilities-page .sports-sec {
    /* background-color: rgb(231, 222, 222); */
}

#facilities-page .kindergarten-sec {
    background-color: #f0f1f1;
}


/* body{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1992%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%2332325d'%3e%3c/rect%3e%3ccircle r='36.485' cx='401.74' cy='360.88' fill='url(%26quot%3b%23SvgjsLinearGradient1993%26quot%3b)'%3e%3c/circle%3e%3ccircle r='19.21' cx='461.11' cy='27.16' fill='url(%26quot%3b%23SvgjsLinearGradient1994%26quot%3b)'%3e%3c/circle%3e%3ccircle r='39.335' cx='527.41' cy='345.25' fill='url(%26quot%3b%23SvgjsLinearGradient1995%26quot%3b)'%3e%3c/circle%3e%3ccircle r='37.115' cx='1121.2' cy='509.98' fill='url(%26quot%3b%23SvgjsLinearGradient1996%26quot%3b)'%3e%3c/circle%3e%3ccircle r='45.385' cx='246.86' cy='41.79' fill='url(%26quot%3b%23SvgjsLinearGradient1997%26quot%3b)'%3e%3c/circle%3e%3ccircle r='20.595' cx='1007.26' cy='548.67' fill='url(%26quot%3b%23SvgjsLinearGradient1998%26quot%3b)'%3e%3c/circle%3e%3ccircle r='50.445' cx='197.05' cy='112.01' fill='url(%26quot%3b%23SvgjsLinearGradient1999%26quot%3b)'%3e%3c/circle%3e%3ccircle r='15.78' cx='934.41' cy='344.02' fill='url(%26quot%3b%23SvgjsLinearGradient2000%26quot%3b)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1992'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3clinearGradient x1='328.77' y1='360.88' x2='474.71' y2='360.88' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1993'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='rgba(139%2c 137%2c 184%2c 0.18)' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='422.69' y1='27.16' x2='499.53' y2='27.16' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1994'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='rgba(139%2c 137%2c 184%2c 0.18)' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='448.73999999999995' y1='345.25' x2='606.0799999999999' y2='345.25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1995'%3e%3cstop stop-color='%2332325d' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23424488' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='1046.97' y1='509.98' x2='1195.43' y2='509.98' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1996'%3e%3cstop stop-color='%2384b6e0' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23464a8f' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='156.09000000000003' y1='41.79' x2='337.63' y2='41.79' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1997'%3e%3cstop stop-color='%23f29b7c' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%237e6286' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='966.0699999999999' y1='548.67' x2='1048.4499999999998' y2='548.67' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1998'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='rgba(139%2c 137%2c 184%2c 0.18)' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='96.16000000000001' y1='112.01' x2='297.94' y2='112.01' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1999'%3e%3cstop stop-color='%23f29b7c' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%237e6286' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='902.85' y1='344.02' x2='965.97' y2='344.02' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2000'%3e%3cstop stop-color='%2332325d' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23424488' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

} */
#facilities-page .container {
    position: relative;
}

#facilities-page .row::before {
    width: 100%;
    content: "";
    background-color: #1e4585;
    height: 294px;
    position: absolute;
    bottom: -83px;
    z-index: 0;
}
#facilities-page  .science-lab-sec .row::before {
    
    background-color: #6c757d;
   
}
#facilities-page  .computerlab-sec .row::before {
    
    background-color: #2e7c3c;
   
}
#facilities-page .row::after {
    width: 32%;
    content: "";
    background-color: #e92e28;
    height: 420PX;
    position: absolute;
    z-index: 0;
    right: 458px;
    top: -12px;
}


#text {
    display: none;
}
#facilities-page  .readmore-btn{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    border: none;
   
    
    background-color: #1e4585;
    padding: 10px 20px;
    color: white;
   box-sizing: border-box;
}
#facilities-page .library-sec .bg-color2{
    background-color: #2e7c3c;
   
}
#facilities-page .science-lab-sec .bg-color3{
    background-color: #6c757d;
}
#facilities-page .mathematic-lab-sec .bg-color4{
    background-color: #1e4585;
}
#facilities-page .computerlab-sec .bg-color5{
    background-color: #2e7c3c;
}
#facilities-page .kindergarten-sec .bg-color6{
    background-color: #6c757d;
}
#facilities-page .sports-sec .bg-color7{
    background-color: #2e7c3c;
}



#facilities-page .facilities-content-cards {
    background-color: white;
    position: absolute;
    bottom: -174px;
    width: 40%;
    z-index: 2;
    padding: 50px;
    left: 100px;
    text-align: justify;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#facilities-page .facilities-content-cards h2 {
    font-weight: bold;
    color: #e92e28;
    position: relative;
    width: fit-content;
    text-transform: uppercase;
    font-size: 26px;

}

#facilities-page .facilities-content-cards h2::after {
    content: "";
    height: 3px;
    width: 50%;
    background-color: #1e4585;
    position: absolute;
    bottom: -10px;
    left: 0;
}

#facilities-page .facilities-content-cards p {
    margin: 25px 0;
    line-height: 30px;
}

.facilities-page-button {
    background-color: #1e4585;
    color: white;
    padding: 10px 20px;
    display: block;
    margin-top: 20px;
    width: fit-content;
}
#facilities-page .carousel-control-next, #facilities-page .carousel-control-prev {
    position: absolute;
    top: unset;
    bottom: 0;
    width: 32px;
    height: 32px;
    left: 50%;
    background-color: red;
    transform: translate(-50%);
    display: none;
}
#facilities-page .carousel-control-next{
   right: 45%;
   transform: translate(-45%);
}
#facilities-page .carousel-control-prev{

}
/* -------------------------------- */
#facilities-page .img-card-left .corousel-container {
    margin-left: 90px;
}

#facilities-page .img-card-left .facilities-content-cards {
    left: 560px;
}

#facilities-page .img-card-left .row::after {
    right: 550px;
    height: 350px;
    z-index: 0;
}

#facilities-page .smartcls-sec .row::after {
    top: 30px;
}

#facilities-page .carousel {
    position: relative;
    z-index: 1;
}

#facilities-page .library-sec .row::before {
    background-color: #2e7c3c;

}

#facilities-page .library-sec .facilities-page-button {
    background-color: #2e7c3c;
}

#facilities-page .playway-sec .row::before {
    background-color: #6c757d;

}

#facilities-page .playway-sec .facilities-page-button {
    background-color: #6c757d;
}

#facilities-page .sports-sec .row::before {
    background-color: #2e7c3c;

}

#facilities-page .sports-sec .facilities-page-button {
    background-color: #2e7c3c;
}

#facilities-page .kindergarten-sec .row::before {
    background-color: #6c757d;

}

#facilities-page .kindergarten-sec .facilities-page-button {
    background-color: #6c757d;
}
#facilities-page .carousel-indicators [data-bs-target] {
    
    width: 12px;
    height: 12px;
    border-radius: 50%;
   background-color: #e9ecef;
   border: 2px solid #212529;
   opacity: 1;
}
#facilities-page .carousel-indicators .active {
    opacity: 1;
    background-color: #e92e28;
}


/* --------------------------------Responsive------------------------ */
@media screen and (max-width:1600px){
    #facilities-page h3 {
       top: -100px;
    }
    #facilities-page .facilities-content-cards {
    bottom: -120px;
       
    }
    #facilities-page .facilities-content-cards {
       padding: 30px 30px;
    }
}

@media screen and (max-width:1536px){
    #facilities-page .facilities-content-cards {
        bottom: -110px;
    }
}
@media screen and (max-width:1366px){
    #facilities-page .facilities-content-cards p {
        font-size: 14px;
    }
    #facilities-page .facilities-content-cards {
        padding: 30px 30px;
        
    }
    #facilities-page h3 {
        top: -80px;
    }
    #facilities-page  .smartcls-sec{
        height: 90vh;
    }
    #facilities-page  .library-sec{
        height: 90vh;
    }
    #facilities-page  .science-lab-sec{
        height: 90vh;
    }
    #facilities-page  .mathematic-lab-sec{
        height: 90vh;
    }
    #facilities-page  .computerlab-sec{
        height: 90vh;
    }
    #facilities-page  .smartcls-sec{
        height: 90vh;
    }
    #facilities-page  .kindergarten-sec{
        height: 90vh;
    }
    #facilities-page  .sports-sec{
        height: 90vh;
    }
    #facilities-page .img-card-left .row::after {
        right: 476px;
        height: 294px;
        z-index: 0;
    }
    #facilities-page .row::after {
        
        height: 335PX;
        right: 396px;
       
    }
}
@media screen and (max-width:1199px){
    #facilities-page .img-card-left .row::after {
        right: 397px;
        height: 195px;
        z-index: 0;
    }
    #facilities-page h3 {
        top: -120px;
    }
    #facilities-page .img-card-left .facilities-content-cards {
        left: 500px;
    }
    #facilities-page .row::after {
        height: 290PX;
        right: 334px;
    }
    #facilities-page .smartcls-sec {
        height: 80vh;
    }
    #facilities-page .smartcls-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .library-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .mathematic-lab-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .science-lab-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .computerlab-sec {
        height: 75vh;
    }
    #facilities-page .computerlab-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .kindergarten-sec .facilities-content-cards {
        bottom: -145px;
    }
    #facilities-page .sports-sec {
        height: 70vh;
    }
    #facilities-page .sports-sec .facilities-content-cards {
        bottom: -135px;
    }
}
@media screen and (max-width:992px){
    #facilities-page .science-lab-sec {
        height: 78vh;
    }
    #facilities-page .mathematic-lab-sec {
        height: 75vh;
    }
}

@media screen and (max-width:991px){
    #facilities-page .facilities-sec {
        height: auto;
        padding: 30px 0px;
    }
    #facilities-page .facilities-content-cards {
        width: 100%;
        position: unset;
    }
    #facilities-page .row .col-12 {
      order: 1;
    }
    #facilities-page .row  {
       row-gap: 12px;
      }
    #facilities-page .img-card-left .corousel-container {
        margin-left: 0px;
    }
    #facilities-page h3 {
      position: unset;
      padding: 20px 0px;
    }
    #facilities-page h3::after {
        content: "";
        position: absolute;
        top: 66px;
        width: 8%;
    }
    #facilities-page .row::after {
       position: unset;
       height: 0;
    }
    #facilities-page .img-card-left .row {
       flex-direction: column-reverse;
    }
    #facilities-page .img-card-left .row::after {
        position: unset;
        height: 0;
       
    }
    #facilities-page .smartcls-sec .row::before {
       height: 180px;
       bottom: -12px;
    }
    #facilities-page .row::before {
      
        height: 180px;
        bottom: 0px;
      
    }
    #facilities-page .science-lab-sec .row::before,
    #facilities-page .computerlab-sec .row::before,
    #facilities-page .sports-sec .row::before {
      
        bottom: -12px;
    }
   
    
    #facilities-page #transport_sec .row::before {
        bottom: 0px;
        background-color:#1e4585;
    }
    
}

@media screen and (max-width:575px){
    #facilities-page .facilities-content-cards {
      padding: 30px 40px;
        
    }
    #facilities-page .readmore-btn {
       
        padding: 8px 15px;
        
    }
    #facilities-page h3 {
        padding: 5px 0px;
    }
    #facilities-page h3::after {
       top: 50px;
    }
}

@media screen and (max-width:432px){
    #facilities-page h3 {
        font-size: 30px;
    }
    #facilities-page h3::after {
        top: 42px;
        width: 10%;
    }
    #facilities-page .facilities-content-cards {
        padding: 30px 30px;
    }
    #facilities-page .facilities-content-cards h2 {
       font-size: 22px;
    }
    #facilities-page .facilities-sec {
       
        padding: 20px 0 25px 0;
    }
    #facilities-page .smartcls-sec .row::before {
        height: 120px;
    }
    #facilities-page .row::before {
       height: 120px;
    }
    #facilities-page .readmore-btn {
        padding: 6px 12px;
    }
    #facilities-page .facilities-content-cards p {
       
        line-height: 25px;
    }
    #facilities-page .facilities-content-cards {
        padding: 20px 20px;
    }
    #facilities-page h3 {
        font-size: 25px;
    }
}

@media screen and (max-width:394px) {
    #facilities-page .readmore-btn {
        padding: 7px 12px;
        font-size: 14px;
    }
}

@media screen and (max-width:385px){
    #facilities-page .facilities-content-cards h2 {
        font-size: 20px;
    }
}
@media screen and (max-width:320px){
    #facilities-page h3 {
        font-size: 25px;
    }
    #facilities-page .facilities-content-cards h2 {
        font-size: 20px;
    }
}